<template>
  <div class="app">
     <Child>
          <!-- 父组件（老子）：填坑(默认插槽)-->
         <template>
              <pre>鹅鹅鹅，曲项向天歌，白毛浮绿水，红掌拨清波</pre>
         </template>
     </Child>

     <Child>
         <template slot="yangmi">
              <pre>本事同根生，相煎何太急</pre>
         </template>
     </Child>

     
     <Child>
          <!-- 具名插槽简单的写法等于slot='王瑶' -->
         <template #wangyao>
               <button>少壮不努力 老大徒伤悲</button>
         </template>
     </Child>
  </div>
</template>

<script>
import Child from './components/Child'
export default {
  name: '',
  components:{
    Child
  }
}
</script>

<style>
   *{
     margin: 0;
     padding: 0;
   }
   html,body{
     width: 100%;
     height: 100%;
     background: yellowgreen;
   }
   .app{
     width: 100%;
     height: 100%;
   }
</style>
